@import '../utils/variables';

.cell {
  position: relative;
  width: $cell-size;
  height: $cell-size;
  background-color: $true-white;
  border: 1px solid $brand-blue;
  text-align: center;

  input {
    width: 100%;
    height: 100%;
    text-align: center;
    border:0;
    outline: 0;
  }

  &.isEmpty {
    background-color: $brand-blue;

    input {
      background-color: $brand-blue;
    }
  }

  input.incorrect {
    color: red;
  }
}

